// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue';
import App from './App';
import router from './router';
import store from './store';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-default/index.css';
import 'assets/custom-theme/index.css'; // 换肤版本element-ui css
import NProgress from 'nprogress'; // Progress 进度条
import 'nprogress/nprogress.css'; // Progress 进度条 样式
import 'normalize.css/normalize.css'; // normalize.css 样式格式化
import 'assets/iconfont/iconfont'; // iconfont 具体图标见https://github.com/PanJiaChen/vue-element-admin/wiki
import * as filters from './filters'; // 全局vue filter
import Multiselect from 'vue-multiselect'; // 使用的一个多选框组件，element-ui的select不能满足所有需求
import 'vue-multiselect/dist/vue-multiselect.min.css'; // 多选框组件css
import Sticky from 'components/Sticky'; // 粘性header组件
import IconSvg from 'components/Icon-svg'; // svg 组件
import vueWaves from './directive/waves'; // 水波纹指令
import errLog from 'store/errLog'; // error log组件
import './mock/index.js'; // 该项目所有请求使用mockjs模拟

import VueLazyLoad from 'vue-lazyload'
import VueTouch from 'vue-touch'
Vue.use(VueLazyLoad)
Vue.use(VueTouch, { name: 'v-touch' })

import { getToken } from 'utils/auth';

import axios from 'axios';

import Mock from 'mockjs';

Vue.prototype.axios = axios;
// Vue.prototype.Mock=Mock;
// register globally
Vue.component('multiselect', Multiselect);
Vue.component('Sticky', Sticky);
Vue.component('icon-svg', IconSvg)
Vue.use(ElementUI);
Vue.use(vueWaves);

let debug = true;
if (debug) {
    Vue.prototype.url = {
        acid: 'http://xmlinkai.iask.in/app/index.php?c=entry&i=2&m=crm',
        root: 'http://xmlinkai.iask.in/',
    }
} else {
    Vue.prototype.url = {
        acid: 'http://tools.5ifenxiao.cn/app/index.php?c=entry&i=5&m=crm',
        root: 'http://tools.5ifenxiao.cn',
    }
}


// register global utility filters.
//vue filter usage:{{content|filter}}
Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
});

// permissiom judge
function hasPermission(roles, permissionRoles) {
    if (roles.indexOf('admin') >= 0) return true; // admin权限 直接通过
    if (!permissionRoles) return true;
    return roles.some(role => permissionRoles.indexOf(role) >= 0)
}

// register global progress.
const whiteList = ['/login', '/authredirect', '/reset', '/sendpwd', '/register']; // 不重定向白名单
router.beforeEach((to, from, next) => {
    NProgress.start(); // 开启Progress
    //判断当前用户是否已拉取完user_info信息
    if (store.getters.userId != '') {
        if (to.path === '/login') {
            next({ path: '/' });
        } else {
            //为了防止每次都加载路由表，
            //判断是否全部加在过路由了
            if (!store.getters.routerAdded) {
                console.log("动态添加可访问路由表")
                store.dispatch('GenerateRoutes', store.getters.roles).then(() => { // 生成可访问的路由表
                    router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
                        //记录 已经加载过路由列表了
                    store.dispatch('setRouterAdded', true);
                    // next();
                    next({...to }); // hack方法 确保addRoutes已完成
                }).catch((error) => {
                    console.log(error)
                    store.dispatch('FedLogOut').then(() => {
                        next({ path: '/login' });
                    })
                })

            } else {
                //路由已经加载过了直接进入
                next();

            }
        }

    }
    // if (getToken()) { // 判断是否有token(admin)
    //   if (to.path === '/login') {
    //     next({ path: '/' });
    //   } else {
    //     if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息
    //       store.dispatch('GetInfo').then(res => { // 拉取user_info
    //         //角色列表 数组表示
    //         const roles = res.data.role;
    //         store.dispatch('GenerateRoutes', { roles }).then(() => { // 生成可访问的路由表
    //           router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
    //           next({ ...to }); // hack方法 确保addRoutes已完成
    //         })
    //       }).catch(() => {
    //         // 初始化出错就 FedLogOut 清楚用户名相关的信息
    //         store.dispatch('FedLogOut').then(() => {
    //           next({ path: '/login' });
    //         })
    //       })
    //     } else {
    //       // 没有动态改变权限的需求可直接next() 删除下方权限判断 ↓
    //       if (hasPermission(store.getters.roles, to.meta.role)) {
    //         next();//
    //       } else {
    //         next({ path: '/401', query: { noGoBack: true } });
    //       }
    //       // 可删 ↑
    //     }
    //   }
    // } 
    else {
        if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
            next()
        } else {
            next('/login'); // 否则全部重定向到登录页
            NProgress.done(); // 在hash模式下 改变手动改变hash 重定向回来 不会触发afterEach 暂时hack方案 ps：history模式下无问题，可删除该行！
        }
    }
});

router.afterEach(() => {
    NProgress.done(); // 结束Progress
});

Vue.config.productionTip = false;

// 生产环境错误日志
// if (process.env.NODE_ENV === 'production') {
//     Vue.config.errorHandler = function(err, vm) {
//         console.log(err, window.location.href);
//         errLog.pushLog({
//             err,
//             url: window.location.href,
//             vm
//         })
//     };
// }
//开发环境错误日志
if (process.env.NODE_ENV === 'development') {
    Vue.config.errorHandler = function(err, vm) {
        console.log(err, window.location.href);
        errLog.pushLog({
            err,
            url: window.location.href,
            vm
        })
    };
}


new Vue({
    el: '#app',
    router,
    store,
    template: '<App/>',
    components: { App }
})